<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<link rel="stylesheet" href="<c:url value="/css/normalize_menu.css"/>">
<link rel="stylesheet" href="<c:url value="/css/main_menu.css"/>">
<script src="<c:url value="/js/analytics.js"/>"></script>
<script src="<c:url value="/js/jquery-ui-1.10.3.custom.min.js"/>"></script>
<script src="<c:url value="/js/main_menu.js"/>"></script>

<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-1383589-5', 'shiftbrain.co.jp');
ga('send', 'pageview');
</script>

<!-- 頭頂 -->		 
         <div  style="width:100%;height:150px;background-color: white;border-bottom: 1px solid gray">
         <div style="display:inline-block;margin-left: 180px;margin-top: 50px">
         <a href="<c:url value="/index.jsp" />"  >
         <img src="<c:url value="/index/imgs/images.jpg"/>" style="height:60px;left:50px" ><img src="<c:url value="/index/imgs/logo.png"/>" >
         </a>
         </div>
         </div>
 <!-- 頭頂 -->    
 <!-- 登入後的效果-->
        <c:if test="${not empty user}"> 
        <div style="right:70px;position: absolute; top: 0px;">
        	<img src="data:${userpic}" width="50px" height="50px">
        	<span>${user.account}</span>
        </div>
        <div style="right:0px;position: absolute; top: 0px;">
        	<span><a href="<c:url value="/LogoutServlet.controller"/>">登出</a></span>
        </div>
        </c:if>
 <!-- 登入後的效果-->

<!-- menu -->
			<div class="page-main" role="main">
    		<aside class="" style="left: -260px;">
        		<ul>
           		 <li><a href="<c:url value="/View/ChatServlet.controller?fromacc=${user.account }" />"><img src="<c:url value="/images/chat.jpg"/>" style="border-radius:50px 50px" width="100px" height="100px"></a></li>
           		 <li><a href="<c:url value="/View/Match.jsp" />"><img src="<c:url value="/images/match.jpg"/>" style="border-radius:50px 50px" width="100px" height="100px"></a></li>
           		 <li><a href="<c:url value="/View/SendGiftServlet.controller" />"><img src="<c:url value="/images/market.jpg"/>" style="border-radius:50px 50px" width="100px" height="100px"></a></li>
           		 <li><a href="<c:url value="/View/MapServlet.controller" />"><img src="<c:url value="/images/map.jpg" />" style="border-radius:50px 50px" width="100px" height="100px"></a></li>
           		 <li><a href="<c:url value="/View/MypageServlet.controller?account=${user.account}" />"><img src="<c:url value="/images/page.jpg"/>" style="border-radius:50px 50px" width="100px" height="100px"></a></li>
           		 <li><a href="<c:url value="/View/TarotServlet.controller?account=${user.account }" />"><img src="<c:url value="/images/tarot.jpg"/>" style="border-radius:50px 50px" width="100px" height="100px"></a></li>
           		</ul>
        		<button><img src="<c:url value="/images/btn_open.png"/>"></button>
   			 </aside>
			 </div>
<!-- menu -->

<!-- footer --><!--
<div style="position:absolute;bottom: -150px;width:100%;height:150px ;background-color: gray;"></div>
-->
<!-- footer -->
